<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../../../base/plugins/layui/css/layui.css" media="all" />
		<style type="text/css">
			.ss {
				font-size: 16px;
			}
			
			.sss {
				font-size: 24px;
			}
		</style>
	</head>

	<body>
				<!--
	作者：肖遥
	时间：2018-09-22
	描述：login
-->
		<div>
			<div>
				<button class="layui-btn">添加信息</button>
				<button class="layui-btn layui-btn-danger">批量删除</button>
				<label class="ss">  角色名称：</label> <input type="text" placeholder="请输入账号" class="sss">
				<button class="layui-btn">搜索</button>
			</div>
			<div>
				<table class="layui-table">
					<colgroup>
						<col width="100">
						<col width="300">
						<col width="300">
						<col width="100">
						<col width="400">
						<col width="300">
					</colgroup>
					<thead>
						<tr>
							<th><input type="checkbox"></th>
							<th>角色名称</th>
							<th>角色描述</th>
							<th>更新人</th>
							<th>更新时间</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td><input type="checkbox"></td>
							<td>eee</td>
							<td></td>
							<td>张三</td>
							<td>2018-08-27 19:37：19</td>
							<td>
								<button  	class="layui-btn layui-btn-sm">编辑</button>
								<button  	class="layui-btn layui-btn-sm layui-btn-danger">删除</button>
							</td>
						</tr>
						
						<tr>
							<td><input type="checkbox"></td>
							<td>只读角色</td>
							<td></td>
							<td>张三1</td>
							<td>2018-08-27 11:36：25</td>
							<td>
								<button  	class="layui-btn layui-btn-sm">编辑</button>
								<button  	class="layui-btn layui-btn-sm layui-btn-danger">删除</button>
							</td>
						</tr>
					</tbody>
				</table>

			</div>
			<script src="../../../base/js/jquery-1.11.3.min.js"></script>
			<script src="../../../base/plugins/layui/layui.js"></script>
			<script type="text/javascript">
				layui.use('element', function(){
  var element = layui.element;
  
  //…
});

			</script>
	</body>

</html>
